{% extends 'home/home.html' %}
{% block index %}
{% load static %}

<div class="uk-section uk-margin-medium-top" style="padding: 0px;">
    <div class="uk-container uk-container-small">
        <h3 class="uk-heading-small uk-text-center">
            <font style="vertical-align: inherit;">不时增加的练习题</font>
        </h3>
        <p class="uk-text-lead uk-text-center">这个部分丢了一些练习题，大家可以按需使用。</p>
    </div>
</div>
<div class="uk-section uk-section-muted" style="height: 400px;padding: 10px;">
    <div class="uk-container">
        <div class="uk-child-width-1-1 uk-child-width-1-3@m uk-grid" uk-grid="">
            <div class="uk-first-column">
                <div class="uk-card uk-card-default tm-image-card">
                    <div class="uk-card-media-top">
                        <a href="/teach/training/sc/list"><img src="{% static 'lesson/sc/imgs/sc.jpg' %}" alt=""
                                style="height: 260px;width: 100%;"></a>
                    </div>
                    <div class="uk-card-body">
                        <h3 class="uk-card-title">图形化编程</h3>
                        <p>同学们最喜欢的图形化编程</p>
                        <p class="uk-text-center">
                            <a href="/teach/training/sc/list">点我进入练习</a>
                        </p>
                    </div>
                </div>
            </div>
            <div class="">
                <div class="uk-card uk-card-default tm-image-card">
                    <div class="uk-card-media-top">
                        <a href="/teach/training/py/list"><img src="http://pic.kekenet.com/2018/0107/8121515325256.jpg"
                                alt="" style="height: 260px; width: 100%;"></a>
                    </div>
                    <div class="uk-card-body">
                        <div class="uk-card-badge uk-label uk-label-danger">HOT</div>
                        <h3 class="uk-card-title">Python</h3>
                        <p>人工智能时代的宠儿</p>
                        <p class="uk-text-center">
                            <a href="/teach/training/py/list">点我进入练习</a>
                        </p>
                    </div>
                </div>
            </div>
            <div class="">
                <div class="uk-card uk-card-default tm-image-card">
                    <div class="uk-card-media-top">
                        <a href="/teach/training/cpp/list"><img src="{% static 'lesson/cpp/imgs/C.gif' %}" alt=""
                                style="height: 260px;width: 100%;"></a>
                    </div>
                    <div class="uk-card-body">
                        <h3 class="uk-card-title">CPP</h3>
                        <p>信息学竞赛必备</p>
                        <p class="uk-text-center">
                            <a href="/teach/training/cpp/list">点我进入练习</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}